.container{
    width: 80px;
    height: 400px;
    border: 1px solid gray;
    border-radius: 5px;
    margin-top: 100px;
}
.box>img {
    width: 25px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 2px;
}
.box{
    width: 60px;
    height: 33px;
    background-color: #F10180;
    font-size: 12px;
    color: white;
    line-height: 33px;
    padding-left: 10px;
    border-radius: 5px;
    margin: 5px auto;
}
li{
    list-style: none;
    border-bottom: 1px solid gray;
    width: 60px;
    height: 30px;
    position: relative;right: 30px;
}
ul{
    width: 70px;
}
li>img,a{
    float: left;
}
a{
    font-size: 10px;
    text-decoration: none;
    color: black;
    line-height: 30px;

}
li>img{
    margin-top: 2px;
    margin-right: 5px;
}
a:hover{
    color: red;
}
.main{
    width: 35px;
    height: 200px;
    background-color: #262626;
    position: absolute;
    bottom: 500px;
    left: 465px;





}
.shang{
    color: white;
    font-size: 10px;
}
.main img{
    position: relative;
    top: 130px;
    left: 3px;
}
.shang{
    margin-top: 130px;
    margin-left: 5px;
}
.main1{
    border: 1px solid gray;
    border-radius: 5px;
    width: 300px;
    height: 300px;
    background-color: white;
    position: absolute;
    top: 100px;
    left: 163px;
    display: none;

}
.box6{
    position: relative;
    bottom: 400px;
    left: 170px;
}
.box1{
    text-align: center;
    font-size: 10px;
    position: relative;bottom: 20px;
}
span{
    color: red;
}
.box2{
      width: 150px;
      height:100px;
      background-color:#F8F8F8;

      font-size: 10px;

}
.box2>img{
       margin: 10px 50px;
}

.box3{
    border-left: 1px solid gray;
    width: 150px;
    height:100px;
    background-color:#F8F8F8;
    font-size: 10px;
    text-align: center;
    margin-left: 148px;
    position: relative;
    bottom: 102px;
}
.box3>img{
    margin: 10px 50px;
}
.main1>img{
    margin: 20px 100px;
}
.box2 a
{
    margin-left: 50px;
    }
.box3 a
{
    margin-left: 50px;
}
.box4{
    color: blue;
    font-size: 10px;
    position: relative;
    bottom: 80px;
    left: 200px;
}
.main:hover+.main1{
    display: inline-block;
}
.main:hover{
    background-color: #DF147F;
}
.main1:hover{
    display: block;
}
.main2 {
    width: 35px;
    height: 200px;
    background-color: #DF147F;
    text-align: center;
    position: absolute;
    left: 465px;
    bottom: 300px;
}
.main2 .box5{
    position: relative;
   top: 20px;
}
.main2 img{
    position: relative;
    top:20px;
}

.box5{
    line-height: 5px;
    color: white;
}
.right{
    width: 500px;
    height: 700px;
    left: 840px;
    bottom: 0px;
    position: fixed;
}
.main3{
    width: 35px;
    height: 300px;
    background-color: #262626;
    position: absolute;
    top:400px;
    left: 465px;
}
.b{
    position: absolute;
    bottom:260px;
    left: 470px;
}
.c{
    position: absolute;
    bottom:220px;
    left: 470px;
}
.d{
    position: absolute;
    bottom:180px;
    left: 471px;
}
.e{
    position: absolute;
    bottom:140px;
    left: 469px;
}
.f{
    position: absolute;
    bottom:40px;
    left: 472px;
}
.g{
    position: absolute;
    bottom:10px;
    left: 472px;
}
.right>p{
    width: 100px;
    height: 35px;
    border: 1px solid gray;
    border-radius: 5px 0px 0px 5px;
    background-color: #F8F8F8;
    font-size: 15px;
    text-align: center;
    line-height: 35px;
    font-family: 宋体;
    display: none;
}
.right>p:nth-of-type(1){
    position: absolute;
    bottom:240px;
    left: 363px;
    z-index: -1;
}
.right>p:nth-of-type(2){
    position: absolute;
    bottom:200px;
    left: 363px;
    z-index: -1;
}
.right>p:nth-of-type(3){
    position: absolute;
    bottom:160px;
    left: 363px;
    z-index: -1;
}
.right>p:nth-of-type(4){
    position: absolute;
    bottom:120px;
    left: 363px;
    z-index: -1;
}
.right>p:nth-of-type(5){
    position: absolute;
    bottom:23px;
    left: 363px;
    z-index: -1;
}
.right>p:nth-of-type(6){
    position: absolute;
     top:650px;
    left: 363px;
    z-index: -1;
}
.b:hover+p{
    display: block;
}
.c:hover+p{
    display: block;
}
.d:hover+p{
    display: block;
}
.e:hover+p{
    display: block;
}
.f:hover+p{
    display: block;
}
.g:hover+p{
    display: block;
}
.b:hover{
    display: block;
}
body{
    width: 1000px;
    height: 700px;
}
